H T M L   -   Hyper Text Markup Language

7.  grafiken

7.2  grafik anzeigen

Ohne weitere angaben versucht der browser eine grafik genau in der größe anzuzeigen, wie sie gespeichert ist. Das ist nicht immer optimal, besonders wenn eine grafik sehr groß ist. Oft ist es besser, eine grafik schon vor dem speichern mit einem bildbearbeitungsprogramm auf eine passende größe zu bringen. Es ist auch möglich, im img-tag für die breite und höhe angaben zu machen. Die dafür vorgesehenen attribute width und height sind aber veraltet, man macht das besser mit dem style-attribut. Das wird in den folgenden beispielen gezeigt. Auf diese art kann man eine grafik in jeder beliebigen größe anzeigen, die proportionen müssen natürlich mit denen der gespeicherten grafik übereinstimmen

beispiel 1
Es gibt zwei grafiken: wappen1 mit den maßen 150 x 200 pixel und wappen2 mit 75 x 100 pixel. Die grafiken werden in einer tabelle dargestellt. In der ersten zeile wird wappen1 genau in halber größe (75 x 100) und wappen2 in der originalgröße, also auch 75 x 100 angezeigt; hier ein ausschnitt aus der tabellendefintion:

beispiel 2
Jetzt wird wappen1 in der originalgröße 150 x 200 angezeigt und wappen2 wird auf diese maße vergrößert, d.h. auf die doppelte größe. Das funktioniert, aber die bildqualität leidet etwas.

beispiel 3
Hier wurden für breite und höhe arg willkürliche größen gewählt, die zu den proportionen der originale nicht passen.

hinweis
Die grafiken werden ohne rahmen dargestellt, der abgerundete rahmen, der hier zu sehen ist, ist bestanddteil der grafik, um die jeweilige größe zu verdeutlichen. Wenn man mit der schreibmarke eine grafik berührt, tut sich was.

wappen1 wappen2
 
verkleinert 75 x 100 original 75 x 100
 
original 150 x 200 vergrößert 150 x 200
 
100 x 75 50 x 100

zum untermenü

    IMPRESSUM  

    KONTAKT  

    PRIVAT  

    D O K U  


  h t m l
  C S S  
  P H P  
  My S Q L  
  JAVASCRIPT